/** 元素样式
 * @module      _base.scss 
 * @description H5 + uniapp 内置元素基准样式
 * @author      wulidoge
 * @email       wulidoge@qq.com
 * @date        2025-06-07
 */

/* 依赖 */
@use 'var';

/* 元素样式 */
// 基础容器
div,
view {
}

scroll-view {
}
// 轮播图
swiper {
}
match-media {
}
// 按钮
button,
.button,
.btn {
    // 默认按钮
    // 默认样式
    // $len: 24px;
    // width:   ($len);
    // height:   ($len);
    // background-color:   ($theme_color$primary);
    // color: #fff;
    // text-align: center;
    // font-size:   ($len);
    // overflow:visible;
    // 按钮按下
    &:active {
        background-color: rgba($color: #000000, $alpha: 16%);
    }
    // 按钮禁用
    &:disabled,
    &.disabled {
        background-color: rgba($color: #000000, $alpha: 4%);
    }
    &::before {
        display: block;
        position: absolute;
    }
    // 加号按钮
    &.add {
    }
}

img {
}

// 图标
icon,
.icon {
    // &.img {
    // 	font-size: 28rpx * 2;
    // }
    &.title {
        font-size: 12rpx * 2;
    }
}

// 文字元素
text {
    // # 标题
    // font-size: $default;
    // line-height: $default;
    // // 防止 flex-box 下宽度被压缩
    // flex-shrink: 0;
    // color: #000;
    // &.title {
    //     font-size: $large;
    //     line-height: $large;
    // }
    // // # 辅助信息
    // &.lable {
    //     font-size: $small;
    //     line-height: $small;
    //     color: #ccc;
    // }
}
rich-text {
}

progress {
}

// 分割线
// hr {
//   display: block;
//   height: 2rpx;
//   width: 100%;
//   // flex: 1;
//   background-color: #ccc;
// }
